.page-wrap{
    width:100%;
    background:#f5f5f5;
    .user-info{
        width: 100%;
        height: 95px;
        background-color: #b58f56;
        .portrait{
            width:25%;
            height:100%;
            float:left;
            position:relative;
            .portrait-img{
                width:55px;
                height:55px;
                border-radius:50%;
                position:absolute;
                top:50%;
                left:23px;
                transform:translate(0,-50%);
                img{
                    width:100%;
                    height:100%;
                }
            }
        }

        .name{
            width:54%;
            float:left;
            height:100%;
            .user-name{
                width:100%;
                font-family: "PingFang-SC-Medium";
                font-size: 16px;
                color: #ffffff;
                margin:20px 0 9px 0;
            }
            .verify-name,.verify-mobile{
                float:left;
                width: 77px;
                height: 18px;
                border-radius: 9px;
                border: solid 1px #ffffff;
                img{
                    margin:4px 8px 0 11px;
                    float:left;
                }
                span{
                    display:inline-block;
                    font-family: PingFang-SC-Medium;
                    font-size: 11px;
                    color: #ffffff;
                    float:left;
                    height:100%;
                    line-height:18px;
                }
            }
            .verify-name{
                margin-right:8px;
                img{
                    width:13px;
                    height:9px;
                }
            }
            .verify-mobile{
                img{
                    width:7px;
                    height:11px;
                }
            }
        }
        .operation{
            width:21%;
            float:left;
            height:100%;
            position:relative;
            .ewm{
                width:18px;
                height:18px;
                float:left;
                position:absolute;
                top:50%;
                transform:translate(50%,0);
                left:0;
            }
            .news{
                display:inline-block;
                .news-img{
                    left:34px;
                    width:18px;
                    height:18px;
                    float:left;
                    position:absolute;
                    top:50%;
                    transform:translate(50%,0);
                }
            }
        }
    }
    .item{
        width:100%;
        height:74px;
        margin-bottom:10px;
        background:#fff;
        .project{
            width:75%;
            float:left;
            .project-item{
                float:left;
                width:33%;
                height:100%;
                a{
                    display:inline-block;
                    width:100%;
                    height:100%;
                    span{
                        display:block;
                        height:37px;
                        line-height:50px;
                        font-family: PingFang-SC-Medium;
                        font-size: 16px;
                        color: #333333;
                        text-align:center;
                    }
                    p{
                        font-family: PingFang-SC-Medium;
                        font-size: 12px;
                        color: #333333;
                        text-align:center;
                        height:24px;
                        line-height:24px;
                    }
                }
            }
        }
        em{
            display:block;
            width: 1px;
            height: 30px;
            background-color: #b58f56;
            float:left;
            margin-top:21px;
        }
        .purse{
            width:24%;
            float:left;
            text-align:center;
            margin-top:17px;
            a{
                display:inline-block;
                width:100%;
                height:100%;
               img{
                   display:inline-block;
                   width:20px;
                   height:15px;
               }
               p{
                    font-family: PingFang-SC-Medium;
                    font-size: 12px;
                    color: #333333;
                    text-align:center;
                    line-height: 35px;
               }
            }

        }
    }
    .options{
        width:100%;
        .options-item{
            width:100%;
            height:44px;
            background:#fff;
            .icon{
                width:12%;
                height:100%;
                float:left;
                img{
                    margin:15px 0 0 15px;
                }
                .verify{
                    width:13px;
                    height:15px;
                }
                .mine{
                    width:13px;
                    height:15px;
                }
                .password{
                    width:15px;
                    height:15px;
                 }
                .help{
                    width:15px;
                    height:15px;
                }
                .about{
                    width:15px;
                    height:15px;
                }
                .join{
                    width:15px;
                    height:15px;
                }
            }
            a{
                display:inline-block;
                width:88%;
                height:100%;
                position:relative;
                float:left;
                border-bottom:1px solid #eee;
                span{
                    display:inline-block;
                    line-height:44px;
                    height:44px;
                    font-family: PingFang-SC-Medium;
                    font-size: 14px;
                    color: #333333;
                }
                .right{
                    width:7px;
                    height:14px;
                    position:absolute;
                    top:50%;
                    right:15px;
                    transform:translate(0,-50%);
                }
            }
            .option-join{
                border:0;
            }
        }
        .option-help{
            margin-top:10px;
        }
    }
}
